@extends('web.common.main2')


@section('container')

    <div class="banner pic_turn">

            <ul class="ban_datu_ul">
                <li class="datu_li1"><a href="/news_info?id=1714"><img src="../images/banner_02.jpg" /></a></li>
                {{-- <li class="datu_li2"><a href="javascript:;"><img src="../images/banner_02.jpg" /></a></li> --}}
                <!--<li class="datu_li3"><a href="javascript:;"><img src="../images/banner_02.jpg" /></a></li>-->

            </ul>
            <div class="xiaod_div">
            </div>
            <button id="left_arr">< </button><button id="right_arr"> ></button>
        </div>
        <div class="our_Services">
            <div class="wapper">
                <div class="wenzi">
                   <span style="margin-top: 0;font-size: 24px">我们的服务</span>
                   <p style="font-size: 18px;color: #9e9e9e">我们做什么</p>
                </div>
                   <div class="Lbx p_r">
                       <a href=""><img src="../images/tu2_05.jpg" alt="" class="f_l p_a fix_position"></a>
                       <div class="hidden p_a">
                           <img src="../images/1_03.png" alt="">
                               <p class="p_a">建筑节能</p>
                           <div class="wenzi p_a text_in_block">
                               <a href="/product?type=4" target="_blank" >集中热水</a> &nbsp; &nbsp;
                               <a href="/product?type=3" target="_blank" >大型公建</a>
                            </div>
                       </div>
                         <div class="box1"></div>
                         <div class="box2"></div>
                         <div class="box3"></div>
                   </div>
                    <div class="Lbx p_r">
                        <a href=""><img src="../images/tu2_07.jpg" alt="" class="f_l p_a fix_position"></a>
                        <div class="hidden p_a">
                            <img src="../images/3_03.png" alt="">
                            <p class="p_a">环保</p>
                            <div class="wenzi p_a text_in_block">
                                <a href="/product?type=7" target="_blank" >农废处理</a>&nbsp;&nbsp;
                                <a href="/product?type=8" target="_blank" >餐厨垃圾</a>&nbsp;
                                <a href="/product?type=1" target="_blank">生活垃圾</a>&nbsp;<br>
                                <a href="/product?type=6" target="_blank" >市政污泥</a>&nbsp;
                                {{-- <a href="" >农村污水</a>&nbsp;<br> --}}
                                <a href="/product?type=11" target="_blank" >生物质发电</a>&nbsp;
                                <a href="/product?type=2" target="_blank" >建筑垃圾</a>&nbsp;<br>
                                <a href="/product?type=9" target="_blank" >废旧轮胎回收</a>&nbsp;<br>
                            </div>
                        </div>
                        <div class="box1"></div>
                        <div class="box2"></div>
                        <div class="box3"></div>
                    </div>
                    <div class="Lbx p_r">
                        <a href=""><img src="../images/tu2_09.jpg" alt="" class="f_l p_a fix_position"></a>
                        <div class="hidden p_a">
                            <img src="../images/2_03.png" alt="">
                            <p class="p_a">新能源</p>
                            <div class="wenzi p_a text_in_block">
                                <a href="/product?type=10" target="_blank">光伏</a>&nbsp;
                                <a href="/product?type=5" target="_blank" >区域能源</a>
                            </div>
                        </div>
                        <div class="box1"></div>
                        <div class="box2"></div>
                        <div class="box3"></div>
                    </div>

            </div>
        </div>
        <div class="main">
            <div class="wapper">
                <div class="wenzi">
                    <span style="margin-top: 0;font-size: 24px">生态模式介绍</span>
                    <p style="font-size: 18px;color: #9e9e9e">让我们帮助您</p>
                </div>
                <ul class="f_l main_center">
                    <li class="on_active"><a href="javascript:;">我有项目</a></li>
                    <li><a href="javascript:;">我能设计</a></li>
                    <li><a href="javascript:;">我有投资</a></li>
                    <li><a href="javascript:;">我能承建</a></li>
                    <li><a href="javascript:;">我有设备</a></li>
                    <li><a href="javascript:;">我能运维</a></li>
                </ul>
                <div class="tab_content wapper">
                  <div class="tab_content_item tab_content_item3 wapper" style="height: 640px;
                  display: block;float: left;position: relative;">
                      <div class="end_div">
                          <div class="yuan_top">
                              <div class="div_yuan">
                                  <div class="yuan" id="yuan_1">建设节点</div>
                              </div>
                              <div class="div_yuan">
                                  <div class="yuan " id="yuan_2">建设节点</div>
                              </div>
                              <div class="div_yuan">
                                  <div class="yuan " id="yuan_3">建设节点</div>
                              </div>
                              <div class="div_yuan">
                                  <div class="yuan " id="yuan_4">建设节点</div>
                              </div>
                              <div class="div_yuan">
                                  <div class="yuan " id="yuan_5">建设节点</div>
                              </div>
                          </div>
                          <div class="yuan_xia">
                              <div style="color: white;line-height: 50px;text-align: center">PCM工具，同步展示进度数据和控制结款进度</div>
                          </div>
                      </div>

                          <div class="casket">
                                  <div class="all">
                                      <p>碳银平台</p>
                                      <div class="shang">
                                          <div class="shang_left li"><p style="padding: 10px">配资或优选投方</p></div>
                                          <div class="shang_center li"><p style="padding: 10px">优选承建方</p></div>
                                          <div class="shang_right li"><p style="padding: 10px">优选运维方</p></div>
                                      </div>
                                      <div class="border"></div>
                                      <div class="white"></div>
                                      <div class="green" style="">项目信息导入</div>
                                      <div class="xia">
                                          <div class="xia_left li"><p style="padding: 10px">供应链和设备优选</p></div>
                                          <div class="xia_center li"><p style="padding: 10px">技术路径方案优选p</p></div>
                                          <div class="xia_right li"><p style="padding: 10px">全周期监理服务，云平台监控</p></div>
                                      </div>
                                  </div>
                          </div>
                  </div>
                  <div class="tab_content_item tab_content_item3 wapper" style="position: relative;">
                    <div class="Step_1"><h3>第一步——加入碳银</h3></div>
                    <div class="typing_space">您需要和碳银平台建立合作关系</div>
                    <div class="biosphere"><div class="center_in_block">碳银合约设计方集合</div></div>
                    <div class="child_of_sphere child_1"><div class="center_in_block">设计方</div></div>
                    <div class="child_of_sphere child_2"><div class="center_in_block">设计方</div></div>
                    <div class="child_of_sphere child_3"><div class="center_in_block">设计方</div></div>
                    <div class="child_of_sphere child_4"><div class="center_in_block">设计方</div></div>
                    <div class="child_of_sphere child_5"><div class="center_in_block">设计方</div></div>
                    <div class="child_of_common"><div class="center_in_block">我</div></div>
                    <div class="project_set">
                        <div class="project_circle"><div class="center_in_block">可匹配的项目</div></div>
                        <div class="child_of_sphere designer"><div class="center_in_block_fix">其他要素</div></div>
                        <div class="child_of_sphere feasibility"><div class="center_in_block_fix">设计要求</div></div>
                    </div>
                    <div class="Step_2"><h3>第二步——匹配项目</h3></div>
                    <div class="typing_space2">碳银平台分发需求设计方的项目信息，如合适意向可按流程参与</div>
                    <div class="Step_3"><h1>恭喜,成功匹配！</h1></div>
                    <div class="typing_space3">您的信息将伴随项目一起进入下一个匹配环节</div>
                  </div>
                  <div class="tab_content_item tab_content_item3 wapper" style="position: relative;">
                    <div class="Step_1"><h3>第一步——加入碳银</h3></div>
                    <div class="typing_space">您需要和碳银平台建立合作关系</div>
                    <div class="biosphere"><div class="center_in_block">碳银合约资方集合</div></div>
                    <div class="child_of_sphere child_1"><div class="center_in_block">资方</div></div>
                    <div class="child_of_sphere child_2"><div class="center_in_block">资方</div></div>
                    <div class="child_of_sphere child_3"><div class="center_in_block">资方</div></div>
                    <div class="child_of_sphere child_4"><div class="center_in_block">资方</div></div>
                    <div class="child_of_sphere child_5"><div class="center_in_block">资方</div></div>
                    <div class="child_of_common"><div class="center_in_block">我</div></div>
                    <div class="project_set">
                        <div class="project_circle"><div class="center_in_block">可匹配的项目</div></div>
                        <div class="child_of_sphere designer"><div class="center_in_block_fix">其他要素</div></div>
                        <div class="child_of_sphere feasibility"><div class="center_in_block_fix">资金要求</div></div>
                    </div>
                    <div class="Step_2"><h3>第二步——匹配项目</h3></div>
                    <div class="typing_space2">碳银平台分发需求资方的项目信息，如合适意向可按流程参与</div>
                    <div class="Step_3"><h1>恭喜,成功匹配！</h1></div>
                    <div class="typing_space3">您的信息将伴随项目一起进入下一个匹配环节</div>
                  </div>
                  <!--
                    <div class="tab_content_item wapper" style="position: relative;">
                        <div class="top center" id="start">
                            <div class="circle_1">
                                <p>承建方</p>
                            </div>
                            <div class="circle_2">
                                <p>运维方</p>
                            </div>
                            <div class="circle_3">
                                <p>设备供应方</p>
                            </div>
                            <div class="circle_4" id="start_2">
                                <p>设计方案</p>
                            </div>

                            <span> 项目一</span>

                            <div class="circle_5">
                                <p>资金方</p>
                            </div>
                            <div class="circle_6">
                                <p>碳银领投</p>
                            </div>
                            <div class="circle_7">
                                <p>跟投资金方</p>
                            </div>
                        </div>

                        <div class="xia">
                            <ul>
                                <li class="li_1">资金方</li>
                                <li class="li_2">资金方</li>
                                <li>资金方</li>
                                <li >资金方</li>
                                <li>资金方</li>
                                <li class="li_6">资金方</li>
                                <li>资金方</li>
                                <li class="last">资金方</li>
                            </ul>
                        </div>
                    </div>
                  -->
                    <div class="tab_content_item tab_content_item3 wapper" style="position: relative;">
                      <div class="Step_1"><h3>第一步——加入碳银</h3></div>
                      <div class="typing_space">您需要和碳银平台建立合作关系</div>
                      <div class="biosphere"><div class="center_in_block">碳银合约承建方集合</div></div>
                      <div class="child_of_sphere child_1"><div class="center_in_block">承建方</div></div>
                      <div class="child_of_sphere child_2"><div class="center_in_block">承建方</div></div>
                      <div class="child_of_sphere child_3"><div class="center_in_block">承建方</div></div>
                      <div class="child_of_sphere child_4"><div class="center_in_block">承建方</div></div>
                      <div class="child_of_sphere child_5"><div class="center_in_block">承建方</div></div>
                      <div class="child_of_common"><div class="center_in_block">我</div></div>
                      <div class="project_set">
                          <div class="project_circle"><div class="center_in_block">可匹配的项目</div></div>
                          <div class="child_of_sphere designer"><div class="center_in_block_fix">设计方案</div></div>
                          <div class="child_of_sphere feasibility"><div class="center_in_block_fix">承建要求</div></div>
                      </div>
                      <div class="Step_2"><h3>第二步——匹配项目</h3></div>
                      <div class="typing_space2">碳银平台分发需求承建方的项目信息，如合适意向可按流程参与</div>
                      <div class="Step_3"><h1>恭喜,成功匹配！</h1></div>
                      <div class="typing_space3">您的信息将伴随项目一起进入下一个匹配环节</div>
                    </div>

                    <div class="tab_content_item tab_content_item3 wapper" style="position: relative;">
                    <div class="Step_1"><h3>第一步——加入碳银</h3></div>
                    <div class="typing_space">您需要和碳银平台建立合作关系</div>
                    <div class="biosphere"><div class="center_in_block">碳银合约供应链供应商集合</div></div>
                    <div class="child_of_sphere child_1"><div class="center_in_block">设备方</div></div>
                    <div class="child_of_sphere child_2"><div class="center_in_block">设备方</div></div>
                    <div class="child_of_sphere child_3"><div class="center_in_block">设备方</div></div>
                    <div class="child_of_sphere child_4"><div class="center_in_block">设备方</div></div>
                    <div class="child_of_sphere child_5"><div class="center_in_block">设备方</div></div>
                    <div class="child_of_common"><div class="center_in_block">我</div></div>
                    <div class="project_set">
                        <div class="project_circle"><div class="center_in_block">可匹配的项目</div></div>
                        <div class="child_of_sphere designer"><div class="center_in_block_fix">其他要素</div></div>
                        <div class="child_of_sphere feasibility"><div class="center_in_block_fix">设备要求</div></div>
                    </div>
                    <div class="Step_2"><h3>第二步——匹配项目</h3></div>
                    <div class="typing_space2">碳银平台分发需求设备方的项目信息，如合适意向可按流程参与</div>
                    <div class="Step_3"><h1>恭喜,成功匹配！</h1></div>
                    <div class="typing_space3">您的信息将伴随项目一起进入下一个匹配环节</div>
                  </div>
                  <div class="tab_content_item tab_content_item3 wapper" style="position: relative;">
                      <div class="Step_1"><h3>第一步——加入碳银</h3></div>
                      <div class="typing_space">您需要和碳银平台建立合作关系</div>
                      <div class="biosphere"><div class="center_in_block">碳银合约运维方集合</div></div>
                      <div class="child_of_sphere child_1"><div class="center_in_block">运维方</div></div>
                      <div class="child_of_sphere child_2"><div class="center_in_block">运维方</div></div>
                      <div class="child_of_sphere child_3"><div class="center_in_block">运维方</div></div>
                      <div class="child_of_sphere child_4"><div class="center_in_block">运维方</div></div>
                      <div class="child_of_sphere child_5"><div class="center_in_block">运维方</div></div>
                      <div class="child_of_common"><div class="center_in_block">我</div></div>
                      <div class="project_set">
                          <div class="project_circle"><div class="center_in_block">可匹配的项目</div></div>
                          <div class="child_of_sphere designer"><div class="center_in_block_fix">其他要素</div></div>
                          <div class="child_of_sphere feasibility"><div class="center_in_block_fix">运维要求</div></div>
                      </div>
                      <div class="Step_2"><h3>第二步——匹配项目</h3></div>
                      <div class="typing_space2">碳银平台分发需求运维方的项目信息，如合适意向可按流程参与</div>
                      <div class="Step_3"><h1>恭喜,成功匹配！</h1></div>
                      <div class="typing_space3">您的信息将伴随项目一起进入下一个匹配环节</div>
                    </div>
                </div>
                </div>
            </div>

        <div class="map activity">
            <div class="wapper p_r">
                <div class="wenzi">
                    <span style="margin-top: 0;font-size: 24px">联系我们</span>
                    <p style="font-size: 18px;color: #9e9e9e">有什么告诉我们的</p>
                </div>
                <div></div>
                <img src="../images/map_13.jpg" alt="" class="f_r">
                <div class="tel p_a">
                    <span>电话：</span>
                    <p>0571-82929099</p>
                    <br>
                    <span>邮箱：</span>
                    <p>service@tanwin.com</p>
                    <br>
                    <span>地址</span>
                    <p>浙江省杭州市钱江世纪城民和路479号国泰科技大厦17楼</p>
                </div>

            </div>
        </div>

@endsection
